<template>
  <div class="CartAll">
      <van-checkbox v-model="checked" checked-color="red" class="xuanzee"></van-checkbox><!-- 全选的对号 -->
      <p>全选</p>
      <p>合计:￥<span>222<!-- 商品的总价 --></span></p>
      <p>查看详情<span>^</span></p>
      <p><router-link to="/Buy">结算(<span>5<!-- 加购的总数 --></span>)</router-link></p>
  </div>
</template>

<script>
  export default {
  data() {
    return {
      checked: false
    };
  },
};
</script>

<style scoped>
  .CartAll{
      width: 100%;
      height: 0.48rem;
      background-color: rgb(144, 144, 144);
      position: fixed;
      bottom: 0.49rem;
      left: 0rem;
      z-index: 5;
  }
  .CartAll>.xuanzee{
    color: white;
    position: absolute;
    top: 0.15rem;
    left: 0.15rem;
  }
  .CartAll>p:nth-child(2){
      display: inline-block;
      color: rgb(51, 48, 48);
      position: absolute;
      left:0.4rem ;
      top: 0.14rem;
  }
  .CartAll>p:nth-child(3){
      color: red;
      position: absolute;
      left: 1.78rem;
      top: 0.07rem;
      font-size: 0.14rem;
  }
  .CartAll>p:nth-child(3)>span{
      font-size: 0.14rem;
  }
  .CartAll>p:nth-child(4){
      font-size: 0.12rem;
      position: absolute;
      top: 0.26rem;
      left: 1.92rem;
  }
  .CartAll>p:nth-child(4)>span{
      position: absolute;
      top: 0.01rem;
      left: 0.5rem;
      font-size: 0.16rem;
  }
  .CartAll>p:nth-child(5){
      text-align: center;
      line-height: 0.35rem;
      position: absolute;
      top: 0.06rem;
      right: 0.16rem;
      text-decoration: none;
  }
  .CartAll>p:nth-child(5)>a{
      color: white;
      display: inline-block;
      width: 0.9rem;
      height: 0.35rem;
      background-color: red;
      border-radius: 0.17rem;
  }
</style>
